import InitBreadcrumb from '@/components/InitBreadcrumb';
import { Col, Divider, Row } from 'antd';
import React from 'react';
import { useIntl } from 'umi';

const style: React.CSSProperties = { background: '#0092ff', padding: '8px 0' };
interface Props {
  name: string;
  list: Array<object>;
}
const GlobalConfig: React.FC<Props> = () => {
  const intl = useIntl();
  const t = (item: string) => intl.formatMessage({ id: `${item}` });
  const list = [
    { path: '/setting', title: t('Label.Setting') },
    { path: '', title: t('Label.GlobalConfig') },
  ];
  function handleClick() {
    console.log('66688');
  }
  return (
    <>
      <Divider orientation="left">
        <InitBreadcrumb list={list} />
      </Divider>
      <Row gutter={[16, 24]}>
        <Col className="gutter-row" span={6}>
          <div style={style} onClick={() => handleClick()}>
            点击
          </div>
        </Col>
        <Col className="gutter-row" span={6}>
          <div style={style}>这是一个测试内容</div>
        </Col>
        <Col className="gutter-row" span={6}>
          <div style={style}>这是一个测试内容</div>
        </Col>
        <Col className="gutter-row" span={6}>
          <div style={style}>这是一个测试内容</div>
        </Col>
      </Row>
    </>
  );
};
export default GlobalConfig;
